<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <body>

        <ui:composition template="./adtemplate.xhtml">

            <ui:define name="content">
                <div id="wrapper">
                    <div id="content">
                        <div id="box">
                            <h3>Complaint List</h3>
                            <table width="100%">
                                <thead>
                                    <tr>
                                        <th width="40px"><a href="#">ID</a></th>
                                        <th><a href="#">Subject</a></th>
                                        <th><a href="#">Submited By</a></th>
                                        <th width="70px"><a href="#">Priority</a></th>
                                        <th width="50px"><a href="#">Status</a></th>
                                        <th width="90px"><a href="#">Date Added</a></th>
                                        <th width="90px"><a href="#">Actions</a></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <c:forEach var="c" items="#{complaintBean.allConplaint}">
                                        <tr>
                                            <td><a href="#">${c.id}</a></td>
                                            <td>#{c.subject}</td>
                                            <td>#{c.accountId.name}</td>
                                            <td>#{c.priority}</td>
                                            <td>#{c.status}</td>
                                            <td>#{complaintBean.datee}</td>
                                            <td>
                                                <a href="#"><img src="img/icons/user.png" title="Show profile" width="16" height="16" /></a>
                                                <a href="#"><img src="img/icons/user_edit.png" title="Edit user" width="16" height="16" /></a>
                                                <a href="#"><img src="img/icons/user_delete.png" title="Delete user" width="16" height="16" /></a>
                                            </td>
                                        </tr>                                    
                                    </c:forEach>
                                </tbody>
                            </table>
                            <div id="pager">
                                Page <a href="#"><img src="img/icons/arrow_left.gif" width="16" height="16" /></a> 
                                <input size="1" value="1" type="text" name="page" id="page" /> 
                                <a href="#"><img src="img/icons/arrow_right.gif" width="16" height="16" /></a>of 42
                                pages | View
                                <select name="view">
                                    <option>10</option>
                                    <option>20</option>
                                    <option>50</option>
                                    <option>100</option>
                                </select> 
                                per page | Total <strong>420</strong> records found
                            </div>
                        </div>
                    </div>
                </div>
            </ui:define>

        </ui:composition>

    </body>
</html>
